如何安装Vue-cli3脚手架

1,955 阅读1分钟

基本配置

       安装Node.js

            保证node.js   8.9或者更高版本

            终端输入node -v,保证已安装成功

       安装淘宝镜像源

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

       安装Vue Cli3脚手架

            cnpm install -g @vue/cli

       检查其版本是否正确

            用vue -V来检测版本看脚手架是否安装成功



然后在Visual Studio Code编辑器中点击当前文件的根目录,运行终端


然后在终端初始化一下 npm init

使用vue serve快速运行文件需要额外安装一个全局扩展

npm install -g @vue/cli-service-globl


在当前的根目录下新建一个App.vue文件


在终端运行vue serve 我们的App.vue文件就会在浏览器运行


Vue-Cli3生成项目

在编辑器里创建的文件根目录中打开终端,输入 vue create mysite(mysite是项目名称) 然后创建成功过后是这样的



输入 cd mysite,然后运行npm run serve。

等待编译完成,运行项目。第一个项目就构建完成


如果删除了创建的目录里面的文件,在当前项目的根目录运行npm install,然后项目就会根据package.jons中的依赖进行重新下载