mac上安装vue

mac上安装vue

1. node.js官网下载对应安装包，下载成功后终端输入node -v输出对应版本。
2. 安装淘宝镜像，终端输入sudo npm install -g cnpm --registry=https://registry.npm.taobao.org，通过终端输入cnpm -v，返回版本号说明安装成功。
3. 安装Vue3，终端输入sudo cnpm install -g @vue/cli，完成后查看版本vue -v，输出版本号，安装成功。
4. 创建项目vue create test1
5. 过程中出现一些问题，全部直接回车，默认全选yes。

$ vue init webpack test1
# 这里需要进行一些配置，默认回车即可
? Project name test1
? Project description A Vue.js project
? Author runoob <test@runoob.com>
? 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? (recommended) npm
   vue-cli · Generated "test1".
...

6. 此时在/user/用户/下创建一个文件夹test1，进入项目 cd test1。
7. 终端输入npm run dev，在这儿报错，查看该项目所在路径下的package.json文件
   
   图中圈出来的部分是server的话，我们运行项目时，就用npm run server，好像旧版本用的是npm run dev
8. 如果能出下面这样的结果，说明运行成功，在浏览器输入下面地址即可。