vue 命令

1.有环境下安装步骤:
vue init webpack projectname(看项目需要代码严谨程度提示y/n 只有第一个选y 其他选no)
cd到指定的项目文件夹里npm install
npm run dev


2.无环境安装步骤
#安装node
npm install node -g (node -v、npm -v 查询版本)

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

#安装vue-cli脚手架构建工具
cnpm install -g vue-cli

#安装webpack
cnpm install webpack -g

#安装vue
cnpm install vue

# 用vue-cli构建项目
vue init webpack projectname
(看项目需要代码严谨程度提示y/n 只有第一个选y 其他选no)

看package.json中的dependencies和devDependencies项目需要的依赖包,cd 到改项目
#安装依赖包
cnpm install

#启动对应项目
npm run dev

#编译项目
cnpm run build


#安装axios
npm install axios --save

#安装vuex
cnpm install vuex --save

#安装路由
sudo cnpm install --save VueRouter


#安装数据提交
cnpm i vue-resource --save

 

#创建VUE项目
sudo/cnpm install --global vue-cli

#设置项目目录:vue init webpack 项目名称
vue init webpack my-project


#安装less依赖
cnpm install less less-loader --save

#安装sass lang=“scss”
npm install node-sass --save-dev
npm install sass-loader --save-dev

#安装D3组件
cnpm install d3 --save-dev
npm install d3 --save-dev

#安装富文本编辑器
cnpm install vue-quill-editor --save


#安装时间戳处理
cnpm install moment --save

#安装vue-dropzone上传插件
cnpm install vue2-dropzone@^2.0.0

#安装vee-表单插件
cnpm install vee-validate --save

打包 npm run build
package.json中script的"dev": "node build/dev-server.js",替换"dev": "webpack-dev-server --hot --inline",


#安装vux框架
cnpm install vux --save
#安装VUX Loader
cnpm install vux-loader --save-dev

#安装iview组件
cnpm install iview --save

#安装vonic框架
cnpm install vonic@2.0.0-beta.15


安装环境
npm i http-server
cd 文件
http-server

 

转载于:https://www.cnblogs.com/zhoubingyan/p/8351745.html

要使用npm安装vue命令,您可以执行以下步骤: 1. 首先,确保您已经安装了npm。如果没有安装,请先安装npm。 2. 全局安装vue-cli命令行工具,可以使用以下命令安装:npm install --global vue-cli 3. 安装完vue-cli后,可以使用vue init命令来创建一个新的vue项目。例如,使用以下命令创建一个名为demo的项目:vue init webpack demo 4. 根据您的需求进行一些配置选择,比如项目名称、描述、作者等。 5. 等待项目创建完成后,进入项目目录:cd demo 6. 最后,运行npm install命令来安装项目的依赖:npm install 这样,您就可以使用npm安装vue命令来创建和管理您的vue项目了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [vue安装命令](https://blog.csdn.net/longtengyuyun/article/details/87972421)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [npm-vue常用命令](https://blog.csdn.net/weixin_42161050/article/details/121554155)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值