创建一个 vue 项目步骤如下:
先进入一个事先准备好的目录,比如demo
目录,然后在目录中做初始化操作:
$ vue init webpack project名
注意:project名 不能包含大写字母
webpack 参数是指这个项目将会在开发和完成阶段自动打包代码
初始化可能会失败,错误信息如下:
vue-cli · Failed to download repo vuejs-templates/webpack: tunneling socket could not be established,
解决方案
1. 设置所有代理为 null(无效)
npm config set http-proxy null
npm config set https-proxy null
2. 使用本地的 webpack(有效)
从 github 上下载 webpack 库到本地, github 地址:https://github.com/vuejs-templates/webpack
,然后 vue init /home/tony/software/webpack vue_test
(base) tony@tony-Swift-SF314-54:~/Project/WebProject/uni-appProject$ vue init /home/tony/software/webpack vueTest
? Project name vue_test
? Project description A Vue.js project
? Author tony
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes
? Should we run `npm install` for you after the project has been created? (recom
mended) npm
vue-cli · Generated "vueTest".
# Installing project dependencies ...
# ========================
如果 Should we run npm install
那按了回车,则项目创建好后会使用 npm 安装依赖(可能卡住不动),此时可以直接 Ctrl+C
退出程序,进入项目根目录打开命令行使用 cnpm install
安装