vue 项目安装 通过终端创建Vue项目教程

vue 项目安装

安装官网:vue
终端安装
环境要求: 安装有 Node.js、 vue、 vue-cli 。
查看nodejs版本和npm版本,在命令行中输入:

node -v
npm -v

npm更新到最新的版本

npm install -g npm

淘宝 NPM 镜像,大家都知道国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像

$  npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

vue-cli安装

npm install vue-cli -g   //全局安装 vue-cli

vue-cli的版本查看

vue -V

vue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安装命令安装的并不是最新版的3.0+的,而如果安装3.0的话就需要使用新的

npm install @vue/cli -g

如果原来已经安装了vue-cli的话需要先卸载原来的安装

npm uninstall vue-cli -g

创建项目:

vue init webpack xiangMu

vue 项目安装 通过终端创建Vue项目教程_第1张图片

进入项目,下载依赖:(进入项目一定要切换到项目路径)

npm install 或者 cnpm install

vue 项目安装 通过终端创建Vue项目教程_第2张图片

运行项目:

npm run dev
或
npm run serve

vue 项目安装 通过终端创建Vue项目教程_第3张图片

安装sass

npm install normalize.css --save

你可能感兴趣的:(vue,nodejs,npm)