-
首先全局安装node,npm,webpack,如果npm比较慢,可以设置为淘宝cnpm镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
。 -
安装vue脚手架
npm install -g vue-cli
,安装成功后,输入vue -V,webpack -v
检测。 -
进入希望创建vue项目的目录,命令行执行
vue init webpack 项目文件夹文字
。 -
接下来让做出选择,这个根据实际情况。
根据项目情况做选择.png -
ok后,在项目文件夹下执行
npm install
安装一些包。 -
安装完毕后,在项目根目录下
本地服务开启.pngnpm run dev
启动项目,直至出现最后一行,然后浏览器打开这个地址即可。
-
如果希望以本地形式打开项目,那么就需要用到命令
npm run build
。build构建前,注意看下config/index.js,build.assetsPublicPath的路径改为./
,否则路径不对无法运行。执行之后,相关文件在dist,就可以看到html、js源码了。
网友评论