vue安装及环境配置

安装:
Nodejs

安装依赖包node_modules:
npm install

安装webpack:
npm install webpack -g
npm install webpack-cli -g

安装yarn:
npm install -g yarn
执行yarn:
yarn install

安装:axios
yarn add axios

 安装vue.js:
npm install vue -g

安装脚手架vue-cli:
npm install -g @vue/cli
# OR
yarn global add @vue/cli
# OR
npm install vue-cli -g

升级:
npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli

查看:
vue --version
yarn --version
node -v
npm -v
webpack -v

创建一个基于webpack模板的vue应用程序
 vue init webpack 项目名

运行:
npm run dev

the project seems to require yarn but is't not installed

强制安装依赖:
npm i --force

卸载:
npm uninstall vue-cli -g或 yarn global remove vue-cli

vue-cli-service 不是内部或外部命令

安装淘宝镜像cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org

创建vue项目:
vue create xxxx创建vue项目

运行:
npm run serve

项目创建完成后,导入VS Code 工作区


 

创建 element-ui 项目

第一步:安装vue-cli
npm install vue-cli -g 或者 npm install

第二步:创建项目 vue-project
vue init webpack vue-project 或者 vue create admin-ui

第三步:运行项目
cd vue-project  
npm run dev 或者 npm run serve

第四步:安装 elementui
npm install element-ui --save

第五步:发布

npm run build

posted @   microsoft-zhcn  阅读(121)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示