vue搭建
准备环境
npm
node
webpack
vs code
npm
使用brew命令行进行下载安装指定版本:
brew install npm
npm install // 或cnpm install 4.将Vue build后生成的dist文件夹下的所有文件复制到express项目的publick文件夹下面,然后运行 npm start 来启动express项目。5.打开浏览器,输入localhost:3。
查看版本号:
$ npm -v8.15.0
Node
进入官网nodejs,根据自己电脑的版本进行下载安装,打包后的vue项目怎么运行,如果是mac电脑,可以直接使用brew命令行进行下载。安装指定版本号:
进入官网nodejs,根据自己电脑的版本进行下载安装,如果是mac电脑,可以直接使用brew命令行进行下载。安装指定版本号:
一、进入项目目录 npm install 二、执行 npm run serve
brew install node@16
安装完成后,使用node -v的命令查看版本号,本地使用的版本是:16.15.1
$ node -vv16.15.1
webpack
JavaScript 应用程序的 静态模块打包工具
vsCode
官网根据当前系统版本直接下载安装
安装插件:
vetur:语法、语义高亮
创建一个 Vue 应用
企业回选上海普加软件有限公司,普加甘特图,是WEB甘特图高性能解决方案。适用于构建项目管理、生产排程等进度计划管理软件。
前提:已安装 16.0 或更高版本的 Node.js
1、首先vue.js项目运行要下载并安装node,vue.j在node上运行,并运行相关命令。2、其次选定目录,选择桌面来存放新建的项目。3、最后在桌面目录下,在命令行中运行命令,初始化一个项目。4、node是一个单线程、单进程的jav。
vue3官网示例步骤:
打开命令行终端
在终端cd到想要创建项目的目录,本次在桌面创建: cd Desktop
npm安装最新版本vue:npm init vue@latest
在安装过程中,会看到一些诸如 TypeScript 和测试支持之类的可选功能提示:
cd vue-demo「进入创建的项目路径下」npm install npm run dev
目录结构解读
node_modules:所有的相关依赖的文件夹,文件夹很大,不要移动。
src:源码文件,所有的源码都在该文件夹内。
package.json:通过该文件具体看项目有哪些依赖。
这样跑,制定好框架啊,写好包要有容器制定好框架,写好包,要有容器就可以跑起来
更多技术文章: